96 lines
5.2 KiB
XML
96 lines
5.2 KiB
XML
|
<svg width="700" height="500" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
|
||
|
|
<path d="M0,0 L0,6 L9,3 z" fill="#888"/>
|
||
|
|
</marker>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Title -->
|
||
|
|
<text x="350" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#CBD5E0">Session Flow Diagram</text>
|
||
|
|
|
||
|
|
<!-- User Login -->
|
||
|
|
<rect x="50" y="70" width="180" height="80" fill="none" stroke="#63B3ED" stroke-width="2" rx="8"/>
|
||
|
|
<text x="140" y="100" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#90CDF4">User Login</text>
|
||
|
|
<text x="140" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#A0AEC0">Authentication</text>
|
||
|
|
<text x="140" y="135" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#A0AEC0">Entry Point</text>
|
||
|
|
|
||
|
|
<!-- Arrow -->
|
||
|
|
<line x1="230" y1="110" x2="280" y2="110" stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
|
||
|
|
<text x="255" y="100" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#718096">Creates</text>
|
||
|
|
|
||
|
|
<!-- users table -->
|
||
|
|
<rect x="280" y="70" width="180" height="130" fill="none" stroke="#FC8181" stroke-width="2" rx="8"/>
|
||
|
|
<rect x="280" y="70" width="180" height="30" fill="none" stroke="#FC8181" stroke-width="2" rx="8 8 0 0"/>
|
||
|
|
<text x="370" y="90" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#FC8181">users</text>
|
||
|
|
|
||
|
|
<g font-family="monospace" font-size="11" fill="#A0AEC0">
|
||
|
|
<text x="290" y="120">• id</text>
|
||
|
|
<text x="290" y="135">• email</text>
|
||
|
|
<text x="290" y="150">• zitadel_id</text>
|
||
|
|
<text x="290" y="165">• created_at</text>
|
||
|
|
<text x="290" y="180">• updated_at</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Arrow down -->
|
||
|
|
<line x1="370" y1="200" x2="370" y2="240" stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
|
||
|
|
<text x="385" y="220" text-anchor="start" font-family="Arial, sans-serif" font-size="10" fill="#718096">Creates</text>
|
||
|
|
|
||
|
|
<!-- user_sessions table -->
|
||
|
|
<rect x="280" y="240" width="180" height="150" fill="none" stroke="#FBBF24" stroke-width="2" rx="8"/>
|
||
|
|
<rect x="280" y="240" width="180" height="30" fill="none" stroke="#FBBF24" stroke-width="2" rx="8 8 0 0"/>
|
||
|
|
<text x="370" y="260" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#FCD34D">user_sessions</text>
|
||
|
|
|
||
|
|
<g font-family="monospace" font-size="11" fill="#A0AEC0">
|
||
|
|
<text x="290" y="290">• id</text>
|
||
|
|
<text x="290" y="305">• user_id</text>
|
||
|
|
<text x="290" y="320">• bot_id</text>
|
||
|
|
<text x="290" y="335">• token</text>
|
||
|
|
<text x="290" y="350">• created_at</text>
|
||
|
|
<text x="290" y="365">• expires_at</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Arrow to message_history -->
|
||
|
|
<line x1="460" y1="315" x2="510" y2="315" stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
|
||
|
|
<text x="485" y="305" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#718096">Generates</text>
|
||
|
|
<text x="485" y="325" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#718096">Messages</text>
|
||
|
|
|
||
|
|
<!-- message_history table -->
|
||
|
|
<rect x="510" y="240" width="180" height="150" fill="none" stroke="#B794F4" stroke-width="2" rx="8"/>
|
||
|
|
<rect x="510" y="240" width="180" height="30" fill="none" stroke="#B794F4" stroke-width="2" rx="8 8 0 0"/>
|
||
|
|
<text x="600" y="260" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#D6BCFA">message_history</text>
|
||
|
|
|
||
|
|
<g font-family="monospace" font-size="11" fill="#A0AEC0">
|
||
|
|
<text x="520" y="290">• id</text>
|
||
|
|
<text x="520" y="305">• session_id</text>
|
||
|
|
<text x="520" y="320">• role</text>
|
||
|
|
<text x="520" y="335">• content</text>
|
||
|
|
<text x="520" y="350">• timestamp</text>
|
||
|
|
<text x="520" y="365">• metadata</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Flow indicators -->
|
||
|
|
<g id="flow-numbers" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#4A5568">
|
||
|
|
<circle cx="140" cy="70" r="15" fill="none" stroke="#4A5568" stroke-width="1"/>
|
||
|
|
<text x="140" y="75" text-anchor="middle">1</text>
|
||
|
|
|
||
|
|
<circle cx="370" cy="70" r="15" fill="none" stroke="#4A5568" stroke-width="1"/>
|
||
|
|
<text x="370" y="75" text-anchor="middle">2</text>
|
||
|
|
|
||
|
|
<circle cx="370" cy="240" r="15" fill="none" stroke="#4A5568" stroke-width="1"/>
|
||
|
|
<text x="370" y="245" text-anchor="middle">3</text>
|
||
|
|
|
||
|
|
<circle cx="600" cy="240" r="15" fill="none" stroke="#4A5568" stroke-width="1"/>
|
||
|
|
<text x="600" y="245" text-anchor="middle">4</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Process description -->
|
||
|
|
<g id="process-description" transform="translate(50, 420)">
|
||
|
|
<rect x="0" y="0" width="600" height="60" fill="none" stroke="#4A5568" stroke-width="1" rx="5" stroke-dasharray="2,2" opacity="0.5"/>
|
||
|
|
<text x="300" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#CBD5E0">Process Flow</text>
|
||
|
|
|
||
|
|
<g font-family="Arial, sans-serif" font-size="11" fill="#A0AEC0">
|
||
|
|
<text x="20" y="45">1. User authenticates → 2. User record created/updated → 3. Session established → 4. Messages logged</text>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|